<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">

    <input id="c-realscene_id" data-rule="required" name="row[realscene_id]" type="hidden" value="">
    <div class="form-group">
        <div class="col-xs-12">
            <div class="input-group">
                <input id="c-image" data-rule="required" class="form-control" size="50" type="hidden">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="plupload-image" class="btn btn-danger plupload" data-multipart={"module":"h/real","nocrop":"1"} data-input-id="c-image" data-mimetype="image/jpeg,image/png,image/jpg" data-multiple="true" data-preview-id="p-image"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                </div>
                <span class="msg-box n-right" for="c-image"></span>
            </div>
            <ul class="row list-inline plupload-preview" id="p-image" data-template="customtpl"></ul>
        </div>
    </div>
    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
        </div>
    </div>
</form>
<script type="text/html" id="customtpl">
    <li class="col-xs-3">
        <a href="<%=fullurl%>" data-url="<%=url%>" target="_blank" class="thumbnail"><img src="<%=fullurl%>" class="img-responsive"></a>
        <input class="form-control" name="row[image][]" value="<%=url%>" type="hidden">
        <input class="form-control" name="row[msg][]" type="text">
        <a href="javascript:;" class="btn btn-danger btn-xs btn-trash" style="margin-top: 10px;"><i class="fa fa-trash"></i></a>
    </li>
</script>
